<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>个人主页</title>
    <link rel="stylesheet" href="../css/home.css">
</head>

<body>
    <div id="bg">
        <img src="../images/bg2.jpg" alt="">
        <div id="container">
            <div id="header"></div>
            <div id="nav">
                <ul>
                    <a href="../html/hobby.html">爱好</a>
                    <a href="../html/collect.html">收藏</a>
                    <a href="../html/scores.html">成绩</a>
                    <a href="https://editor.csdn.net/md/?articleId=104250855">CSDN博客</a>
                </ul>
            </div>
            <div id="main">
                <div id="aside1">
                    <h2><a
                            href="https://pic.sogou.com/pics?query=%BA%FE%C4%CF%BF%C6%BC%BC%B4%F3%D1%A7&di=2&_asf=pic.sogou.com&w=05009900">科大美景</a>
                    </h2>
                    <div id="subcon">
                        <img class="image right" src="../images/hnust1.jpg" alt="">
                        <img class="image left" src="../images/hnust2.jpg" alt="">
                        <img class="image right" src="../images/hnust3.jpg" alt="">
                        <img class="image left" src="../images/hnust4.jpg" alt="">
                    </div>
                </div>
                <div id="content">
                    <h2>个人简介</h2>
                    <div>
                        <h3>自序</h3>
                        <p>
                            大家好，我是来自计算机四班的贺步贵，今年20岁，来自湖南衡阳。性格比较随和，很好相处，喜欢在大学开拓自己的视野，我觉得科大是一个很好的平台。平时喜欢夜跑、打FPS类游戏、刷B站、学习等等。关于学习，我觉得在大学学习也不能放松，不能为了读书而读书，应该要为自己的将来考量，在大学自学尤为重要。关于生活，我觉得社会实践尤为重要，大学就是一个跳板，能跳多高最重要的一部分取决于在大学的磨练了多少，所以好好珍惜大学四年时光，一起加油吧！
                        </p>
                        <p>此处省略一千字</p>
                        <p>此处省略一千字</p>
                        <p>此处省略一千字</p>
                    </div>
                    <div>
                        <h3>梦想</h3>
                        <p>相信大家都有自己的梦想吧！对我而言最大的梦想莫过于环球旅行了，在B站上也看过了许许多多的旅游UP主。很钦佩他们的勇气，尽管有的英文被戏称“工地英语”，但是能沟通的就是好英语，不像在学校大都只会哑巴英语。也很羡慕他们，老了的时候回忆这一生去过数不清的地方，那该多开心啊，这样的人生想必是十分精彩的。<br>
                            up:冒险雷探长（因为撩妹厉害，被粉丝调侃为“妇女之友”，他的视频已经出了一个同名纪录片，比较深入，一个国家会介绍好几个视频，大概几小时）<br>
                            up:20岁了还没去过星巴克（在印度待过很长时间，胡子拉碴，长相神似印度人（滑稽）,这一点也经常被粉丝调侃。<br>
                        </p>
                    </div>
                    <div>
                        <h3>技术栈</h3>
                        <table>
                            <tr>
                                <th>语言</th>
                                <th>定位</th>
                                <th>熟练度</th>
                            </tr>
                            <tr>
                                <td>C/C++</td>
                                <td>后端</td>
                                <td>三星</td>
                            </tr>
                            <tr>
                                <td>Java</td>
                                <td>前端</td>
                                <td>四星</td>
                            </tr>
                            <tr>
                                <td>Python</td>
                                <td>机器学习</td>
                                <td>三星</td>
                            </tr>
                            <tr>
                                <td>Javascript</td>
                                <td>web</td>
                                <td>三星</td>
                            </tr>
                            <p id="para">
                                大一学了C，感觉做项目太难太复杂，基本是练习一些算法题，C++没怎么接触，做过几个小题。Java大二学了，感觉还可以，做过数据库课设，挺熟悉的。然后就是寒假自学的Python了，学了基本语法之后做了些爬虫项目。web开发技术的这几门语言目前正在学习，感觉要多敲代码多练习，不然学的知识不能及时转化吸收。JSP、JavaBean、数据库都做过一些简单实验。
                            </p>
                        </table>
                    </div>
                    <div>
                        <h3>名言阁</h3>
                        <pre>
                            非淡泊无以明志，非宁静无以致远 -- 诸葛亮<br>
                                为中华之崛起而读书 -- 周总理<br>
                                    读书是进步的阶梯 -- 高尔基<br>
                                        问渠哪得清如许，为有源头活水来 -- 朱熹<br>
                        </pre>
                    </div>
                </div>
                <div id="aside2">
                </div>
            </div>
        </div>
        <div id="footer">
            <h4>Copyright © 2020.Mander-he All rights reserved. </h4>

        </div>
    </div>
    </div>
    <script>
        var arr = document.querySelectorAll(".box-page")
        for (var n = 0; n < arr.length; n++) {
            for (var r = 0; r < 3; r++) {
                for (var c = 0; c < 3; c++) {
                    var divs = document.createElement("div");
                    divs.style.cssText = "width:100px; height:100px; border:1px solid #fff; position:absolute; box-sizing:border-box; background-image:url(../img/a" + n + ".jpg); background-size:300px 300px;";
                    arr[n].appendChild(divs);

                    //改变每一个div的位置
                    divs.style.left = 100 * c + "px";
                    divs.style.top = 100 * r + "px";

                    //改变图片的位置
                    divs.style.backgroundPositionX = -100 * c + "px";
                    divs.style.backgroundPositionY = -100 * r + "px";
                }
            }
        }
    </script>

</body>

</html>